{% extends "base.html" %}

{% block content %}
<!-- start private profile -->
	<div id="profile">
	<div id="img-links-box">
	<h1>{{account.user}}</h1>
	<img class="box_bg" src='/profiler/getimage?account_key={{account.key}}' /></img><br>
	<a href="/profiler/update">Update Your Profile</a>
	</div>
	<div id="about">
	<h1>ABOUT ME</h1>
	<div id="about-box" class="box_bg">
		{{account.about}}
	</div>
	</div>
        <div class="planets box_bg">

        <table style="color: #b8b8b8; text-align:left;">

        <tr>

        <td class="plan"><h1>Planet</h1></td>

        <td class="col"><h1><a href="/profiler/private?res_type=1">Minerals</a></h1></td>

        <td class="col"><h1><a href="/profiler/private?res_type=2">Water</a></h1></td>

        <td class="col"><h1><a href="/profiler/private?res_type=3">Fuel</a></h1></td>

        <td class="col"><h1><a href="/profiler/private?res_type=4">Organic</a></h1></td>

        <td class="col"><h1><a href="/profiler/private?res_type=5">Distance</a></h1></td>

        </tr>

        {% for profRec in profilerArr %}

        <tr>

        <td class="plan">{{profRec.planet.name}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceOne}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceTwo}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceThree}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceFour}}</td>

        <td class="distance">{{profRec.distance}}</td>

        </tr>

        {% endfor %}

        </table>

        </div>
       
        <div class="planets box_bg" style="color: #b4b6b8; font-size: 13px;">
        <h2>Offers:</h2>
        <br />
        <table>
           {% for offer in offers %}
           
        <tr>
            <td>From: {{offer.owner.user}}</a>
            </td>
            <td> <a href="/trade/view_offer?offer_key={{offer.key}}">{{offer.location.name}}</a>
            </td>
        </tr>
            
            {% endfor %}
        </table>
       
        </div>

        <div class="planets box_bg" style="color: #b4b6b8; font-size: 13px;">
        <h2>Messages:</h2>
        <br />
        <table>
           {% for message in messages %}
           
        <tr>
            <td> <a href="/message/view_message?message_key={{message.key}}">{{message.owner.user}}</a>
            </td>
        </tr>
            
            {% endfor %}
        </table>
        </div>
        
    {% endblock %}
<!-- end private profile -->